Site de Referencia Técnia(RefTec) - Links Úteis

HTML :

HTML5-DevMedia-HTML5

HTML5-w3schools(Inglês)

Site Mozila dedicado ao desenvolvimento web

Caracteres especiais(Inglês)

Código de Cores


CSS :

Tipos de bordas(Inglês)

Tipos de Fundos(Backgrounds)(Inglês)

box sizing(Inglês)

Degradês(Inglês)

Transparencias(Inglês)

Sombras em Caixas(Inglês)

Sombras em Textos(Inglês)

Animações(Inglês)

Direções(Inglês)

Transições(Inglês)

Alinhamento de itens(Inglês)

Flex-Direction(Inglês)

Justify-Content(Inglês)

Códigos de Cores(Inglês)

Flexbox-Auto-Prefixo(Inglês)

Flexbox-Compatibilidade IE(Inglês)-Download

Flexbox-Compatibilidade(Inglês)-Docs


Bootstrap :

Bootstrap-Site

Bootstrap-Básico

BootStrap-Como usar

Grid

Classes Flexbox

Media Queries-Bootstrap

Navegação

Barra de Navegação

Media Queries

Icones bootstrap

Media Queries


Media Queries :

Media Queries - Exemplos


JQuery :

JQuery-Site


XML :

Referência XML - XML Tree


FontAwesome :

Fonte Awesome

Font Awesome

Fonte Awesome


Babel :

Converte o código javascript ( ECMASCRIPT 2015+ ) para códigos javascript na versão mais antiga dos browsers. Babel - Instalar ( Setup ) - Como usar

Site Babel


PHP :

Bibliotecas PHP

Gerencia e Instala as dependências de um projeto PHP. Composer

Gerenciador do MYSQL Local - Neste micro. PHPMyAdmin


Ferramentas :

Slim Framework é um framework PHP que ajuda você a escrever APIs e aplicativos da web simples, mas poderosos. Slim Framework

Site Lorem Ipsum(Inglês)

Imagem Randomica qualquer

Imagem Randomica 600 x 250

Imagem Randomica 800 x 400

Ferramentas para desenvolvedores do Chrome


Ícones :

Icones bootstrap

UseIconic

Primer Style

Danklammer

Material IO

Ionicons

feathericons

Amitjakhu

Piotrkwiatkowski

Glyphicons


Fontes de letras :

Fontes de Letras(Inglês)

Fontes de Letras seguras(Inglês)

Estilo das Fontes de Letras seguras(Inglês)


Caracteres especiais :

Fontes de Letras(Inglês)


Bordas :

W3Schools


Utilidades :

Lorem Ipsum
Produz textos em latim do tamanho que desjarmos. Útil para exemplos genéricos

Unsplach
Produz uma imagem randômica de acordo com os parâmetros que passamos na url

Site modernizr(Inglês)
Verifica se o HTML, CSS e JavaScriptscript são compatíveis com o browser.

Simbolos Matemáticos(Inglês)

SVG(Inglês)
É a melhor maneira de desenhar Vetores gráficos em HTML.
Sites como fontawesome usam esse recurso e o efeito visual é excelente.

Ferramentas Desenvolvedor no Chrome
Ferramentas de desenvolvimento web que podem ser incorporadas ao Web-Browser Chrome.
Permite, por exemplo, desligar a CSS do HTML para ver efeitos, como no depurador browser mas melhorado, ou seja, não só num elemento mas em toda a página, por exemplo.

Normalize(Inglês)
Padroniza a exibição no browser Internet Explorer para que exiba o mais próximo possível do Chrome e browsers mais modernos.
Faz com que o componente web seja exibido da mesma maneira em todas as plataformas web.
Para isto acrescenta estilos e javascripts necessários para executar a tarefa.

html5shiv(Inglês)-Download
Acrescenta aos Internet Explorers mais antigos alguns javascripts tornando eles compatíveis com o HTML5.
HTML5Shiv CDN

Converter px para em


Sites Modelo :

Nasa

Spotfy

Vogue Brasil

Sites Responsivos


Sites Responsivos :

Nasa